<template>
    <div class='console'>
        <!-- Vue 模板内容 -->
        ComponentName
        {{ state.list }}
    </div>
    <navgator-bottom @toggle="toggle" @close="close" />
</template>

<script setup lang='ts'>
import { reactive } from 'vue'
const state = reactive({
    list: []
})
function toggle() {
    console.log("toggle")
}
function close() {
    console.log("close")
}
</script>

<style scoped>
/* 组件样式 */
</style>